<ion-view>
  <ion-header-bar class="bar-royal" align-title="left">
    <div class="buttons">
      <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
    </div>
    <h1 class="title">社团一览</h1>
    <div class="buttons">
      <button class="button button-icon button-clear ion-ios-search"></button>
    </div>
  </ion-header-bar>
  <ion-content >
    <div class="row clear-margin">
      <i class="icon-zoom-in"></i>
      <input class="search" type="text" style="width: 100%;border:1px solid #e5e6e7;"
             placeholder="请查找">
    </div>
    <div class="container" style="background-color:#f2f2f2;padding-left:0px;padding-right: 0px">
      <div ui-sref="app.introduction" ui-sref-active="active" menu-close class="row clear-margin content-group" >
        <span class="icon-set">
           <i class="glyphicon glyphicon-education"></i>
        </span>
        <span class="text-left title">南京晓庄学院社团</span>
        <div class=" level">
          <span>LV12</span>
        </div>
        <div class="entry">
           <img src="img/entry.png" style="width:16px"/>
        </div>
      </div>
      <div class="row clear-margin content-group" >
       <span class="icon-set">
           <i class="glyphicon glyphicon-education"></i>
        </span>
        <span class="text-left title">信息工程学院社团</span>
        <div class=" level">
          <span>LV12</span>
        </div>
        <div class="entry">
          <img src="img/entry.png" style="width:16px"/>
        </div>
      </div>
      <div class="row clear-margin content-group" >
       <span class="icon-set">
           <i class="glyphicon glyphicon-education"></i>
        </span>
        <span class="text-left title">方山之声社团</span>
        <div class=" level">
          <span>LV12</span>
        </div>
        <div class="entry">
          <img src="img/entry.png" style="width:16px"/>
        </div>
      </div>
      <div class="row clear-margin content-group" >
       <span class="icon-set">
           <i class="glyphicon glyphicon-education"></i>
        </span>
        <span class="text-left title">南京晓庄学院社团</span>
        <div class=" level">
          <span>LV12</span>
        </div>
        <div class="entry">
          <img src="img/entry.png" style="width:16px"/>
        </div>
      </div>
      <div class="row clear-margin content-group" >
       <span class="icon-set">
           <i class="glyphicon glyphicon-education"></i>
        </span>
        <span class="text-left title">音乐学院社团</span>
        <div class=" level">
          <span>LV12</span>
        </div>
        <div class="entry">
          <img src="img/entry.png" style="width:16px"/>
        </div>
      </div>
      <div class="row clear-margin content-group" >
        <span class="icon-set">
           <i class="glyphicon glyphicon-education"></i>
        </span>
        <span class="text-left title">南广之声社团</span>
        <div class=" level">
          <span>LV12</span>
        </div>
        <div class="entry">
          <img src="img/entry.png" style="width:16px"/>
        </div>
      </div>


    </div>


  </ion-content>

  <script id="home.html" type="text/ng-template">
    <!--导航框架之模板视图-->
    <ion-view view-title="Home">
      <ion-content>
        <ion-list>
          <ion-item ui-sref="music" class="item-icon-right" nav-transition="android">
            Go to music page!
            <i class="icon ion-ios-arrow-right"></i>
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-view>
  </script>
  <script id="music.html" type="text/ng-template">
    <!--导航框架之模板视图-->
    <ion-view view-title="Music">
      <ion-content class="padding">
        <a class="button ion ion-home" ui-sref="home">go home</a>
      </ion-content>
    </ion-view>
  </script>


</ion-view>
